<template>
  <div @click="doSomeThing">
    this is home
    <p @click="pClickHandle">xxxx alert</p>
    <button @click="doSomeThing">{{ message }}</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      message: "xxx",
    };
  },
  methods: {
    pClickHandle() {
      alert(1);
    },
    doSomeThing: function () {
      console.log("doSomeThing");
      this.message += "yyy";
    },
  },
};
</script>

<style lang="scss" scoped></style>
